<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字符串和正则相关的方法</title>
</head>
<body>
<script>
    /*1.split()可以将一个字符串拆分为一个数组
    *           可以传递一个正则表达式为参数,这种方法会根据正则表达式去拆分字符串
    * 2.search()可以搜索字符串中是否含有指定内容 如果搜索到 则返回第一次出现索引 如果没有则会返回-1
    *           可以接收一个正则表达式作为参数,然后会根据正则表达式去搜索字符串
    *           只会查第一个 即使设置了全局匹配也没用
    *  3.match()可以根据正则表达式 从一个字符串中将符合条件的内容提取出来
    *           默认macth只会找第一个要求的内容 然后就停止检索
    *           我们可以设置正则表达式的全局匹配模式g,这样就匹配上所有的内容了、
    *           也可以设置多个匹配模式 比如ig 一起写 顺序无所谓
    *           macth()会将匹配的内容封装到一个数组中返回 即使只查询到一个结果
    *  4.replace()可以将字符串指定的内容替换为新内容
    *               参数1.被替换的内容
    *               参数2.新的内容
    *               默认只会替换一个 可以接收一个正则表达式做为参数
    * */
    var str="1a2b3c4f5e6t7g";
    var result=str.split(/[A-z]/);
        // result=str.split(/[0-9]/);
    console.log("result="+result);//result=1,2,3,4,5,6,7,
//搜索"abc"
    var str1="hello abc hello aec afc";
    var result1=str1.search("abc");
    console.log("result1="+result1);//result1=6  abc第一次出现的是索引为6的
//search搜索字符串中是否含有abc 或aec或afc
    var result2=str1.search(/a[bef]c/);
    console.log("result2="+result2);

// macth搜索所有的字母并提取出来
    var str2="1a2b3c4f5e6t7g8r9o";
    var result3=str2.match(/[A-z]/g);//在全局里找 写上匹配模式是g
    console.log("result3="+result3);//result3=a,b,c,f,e,t,g,r,o

    var str3="1a2b3c4f5e6t7g8r9o4A5S6E7T";
    var result4=str3.match(/[a-z]/ig);//两种匹配模式都加上 即忽略大小写有全局找
    console.log("result4="+result4);//result4=a,b,c,f,e,t,g,r,o,A,S,E,T
    console.log(typeof result4);//object
    console.log(Array.isArray(result4));//true 返回是数组
    console.log(result4[0]);//a 索引为0的是a 返回

//repalce搜索内容并替换新的内容
    var str5="1a2a3a4a5f7w59d6j";
    var result5=str5.replace("a","##");
    console.log("result5="+result5);//result5=1##2a3a4a5f7w59d6j 只有第一个a被替换了
    var result6=str5.replace(/a/g,"##");
    console.log("result6="+result6);//result6=1##2##3##4##5f7w59d6j
    var result7=str5.replace(/[A-z]/g,""); //所有的字母替换成空串
    console.log("result7="+result7);//result7=123457596

</script>
</body>
</html>